<!DOCTYPE html>
<html>
<head>
<title><?php echo $title; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="<?php echo $title; ?>, <?php echo $description; ?>" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index,archive,follow,noodp"/>
<meta name="msnbot" content="all,index,follow" />
<meta name="keywords" content="<?php echo $keyword; ?>"/>
<META NAME="abstract" content="<?php echo $keyword; ?>"/>
<meta name="title" content="<?php echo $title; ?>" />
<meta name="author" content="honestphan"/>
<meta name="generator" content="SVTB SOFTWARE"/>
<META NAME="distribution" content ="global">
<META NAME="revisit-after" content ="1 days">
<META NAME="copyright" content="SVTB">
<link href="view/theme/default/image/ico.png" rel="icon" />
<link rel="shortcut icon" href="view/theme/default/favicon.ico" type="image/x-icon" />
<link href="view/theme/default/stylesheet/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="view/theme/default/stylesheet/bootstrap-responsive.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="view/theme/default/stylesheet/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="view/javascript/jquery/ui/themes/ui-lightness/ui.all.css" />
<link rel="stylesheet" type="text/css" href="view/shadowbox/shadowbox.css"/>
<link rel="stylesheet" type="text/css" href="view/lofslidernews/css/style4.css" media="screen"/>  
<link rel="Stylesheet" type="text/css" href="view/theme/default/stylesheet/evos/evoslider.css" />
<link rel="Stylesheet" type="text/css" href="view/theme/default/stylesheet/evos/default/default.css" />   
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="view/theme/default/theme/stylesheet/ie6.css" />
<script type="text/javascript" src="view/theme/default/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('img, #header .div3 a, #content .left, #content .right, .box .top');
</script>
<![endif]-->
<script type="text/javascript" src="view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script src="view/javascript/bootstrap.min.js">
<script type="text/javascript" src="view/shadowbox/shadowbox.js"></script>
<script type="text/javascript" src="view/lofslidernews/jquery.easing.js"></script>
<script type="text/javascript" src="view/lofslidernews/script.js"></script>
<script type="text/javascript" src="view/javascript/evos/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="view/javascript/evos/jquery.evoslider.lite-1.1.0.js"></script>   
<link rel="stylesheet" type="text/css" href="view/lofslidernews/css/style4.css" media="screen"/> 

<!-- intanfor shadows box -->
<script type="text/javascript">
Shadowbox.init({
    handleOversize: "drag",
    modal: true
});
</script>
 <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 60px;
      }

      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 1000px;
      }
      .container > hr {
        margin: 60px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 80px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 100px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }


      /* Customize the navbar links to be fill the entire space of the .navbar */
      .navbar .navbar-inner {
        padding: 0;
      }
      .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
      }
      .navbar .nav li {
        display: table-cell;
        width: 1%;
        float: none;
      }
      .navbar .nav li a {
        font-weight: bold;
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbar .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbar .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }
    </style>
</head>
<body>

  <div class="container">
    <div class="masthead">
        <h3 class="muted">Restaurant</h3>
        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
              <ul class="nav">
                <li class="active"><a href="#">Trang chủ</a></li>
                <li><a href="#">Giới thiệu</a></li>
                <li><a href="#">Thực đơn</a></li>
                <li><a href="#">Khuyến mại</a></li>
                <li><a href="#">Tin tức</a></li>
                <li><a href="#">Liên hệ</a></li>
              </ul>
            </div>
          </div>
        </div><!-- /.navbar -->
      </div>

    <div> <!--slise-->
    <img src = "iew/theme/default/image/nha-hang.jpg"/>
   </div> <!--END slide-->